<template>
	<div id="aboutDiv">
		<p class="about_p"><router-link to="/me"><span @click="back"><</span></router-link>关于我们 </p>
		<img src="../assets/login.png" style="width: 40%;margin-left: 30%;margin-top: 5rem;margin-bottom: 5rem;">
		<p class="introduce">淘常州本土电商平台。捕捉隐藏在"民间"的好货,帮助你搜好货,淘好货,卖好货! 珍奇趣味, 尽在淘常州.</p>
		<p class="have">我有好货,我要卖</p>
		<p class="hotline">服务热线:4006780519</p>
		<img src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1493124761&di=d9b07b0c8373287dbde96b04fee61572&src=http://img.juimg.com/tuku/yulantu/131104/328825-13110415040562.jpg" style="width: 100%;">

	</div>

</template>
<style scoped>
	.about_p{
			width: 100%;
			line-height: 4rem;
			background: red;
			color: white;
			text-align: center;
			font-size: 2rem;
	}
	.about_p a{
		color: white;
		font-size:3rem;
	}
	.about_p span{
		float: left;
		margin-left: 5%;
	}
	.introduce{
		width: 80%;
		margin-left: 10%;
		text-indent: 2em;
		text-align: left;
		line-height: 2rem;
		color: #999;

	}
	.have{
		width: 80%;
		line-height: 3rem;
		text-align: center;
		color: white;
		background: red;
		margin-left: 10%;
		font-size: 1.2rem;
		border-radius: 0.5rem;
	}
	.hotline{
		width: 80%;
		line-height: 3rem;
		text-align: center;
		border: 0.1rem solid red;
		margin-left: 10%;
		font-size: 1.2rem;
		border-radius: 0.5rem;
		color: red;
		margin-top: 1rem;
	}
</style>
<script>
	export default {
		name:'About',
		methods:{
			back:function(){
				$("#list").show()
			}
			
		}
		
	}
</script>